Ext.define('EUniversitySuperAdmin.tabview.Viewer', {
    extend: 'Ext.tab.Panel',
    alias: 'widget.tabsview',
    activeItem: 0,
    margins: '5 5 5 5',
    requires: [
             	'EUniversitySuperAdmin.view.portal.pviewport'
             
         ],
   
   
    initComponent: function() {
    	 this.items = [{
    	               title: 'Acceuil',
   		            	xtype:'pviewport'
		       }];
    	
    	 
    	 
    	 
    	 
    	 
       this.callParent(arguments);
    }
});



Ext.define('EUniversitySuperAdmin.view.Viewport', {
    extend: 'Ext.container.Viewport', 
    alias: 'widget.viewport',
    requires: [
               	'EUniversitySuperAdmin.controller.analyticboard'
               
           ],
    refs : [{
        ref: 'tabsview',
        selector: 'tabsview'
    },{
    	ref:'analyticboard',
    	selector:'analyticboard'
    }],
    
   
    
     layout: 'border',
	
		    items: [
		    
		     {

                region: 'north',
                height: 80,
                items:[
 		              {
 		            	  html:"<div id='header'>" +
 		            	  		"<img src='resources/images/logouvt.png'/>" +
 		            	  		"<a href='pilotage/authentification/logout'>Déconnexion</a>" +
 		            	  		"</div>",
 		            	  		
 		            	  	 height: 50,
 		            	  		
 		              },
			           {
			        	xtype : 'panel',
			        	id:"northpanel",
			        	listeners:     
			        	{
			        		render:function( a,  eOpts )
			        		{
			        			var controller = getApplication.getController('principalmenus');
						        controller.init();
			                }
			        	}
			           }
			           
		         ]
              
            },
            
		    {
		        region: 'west',
		        collapsible: true,
		        split: true,
		        title: 'Navigation',
		        width: 150,		        
		        items:[
		              
			           {
			        	xtype : 'panel',
			        	id:"westpanel",
			        	listeners:     
			        	{
			        		render:function( a,  eOpts )
			        		{
			        			var controller = getApplication.getController('actiontree');
						        controller.init();
			                }
			        	}
			           }
		         ]
		   
		    }, 
		    {
		        region: 'south',
		        html: '<h1 class="x-panel-header">Page Title</h1>',
		        split: true,
		       // collapsible: true,
		        height: 20
		        //minHeight: 50
		    }, {
		        region: 'east',
		        title: 'East Panel',
		        collapsed   : true,
		        collapsible: true,
		        split: true,
		        width: 150
		    }, {
		        region: 'center',
		        name:"tabs",
		        id:"tabs",
		        xtype: 'tabsview'
		    }]
		});	